<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="output">output</div>
    <div class="lemon">lemon1</div>
    <span class="lemon">lemon2</span>
    <script>
        // 获取元素节点
        // var lemonBox = document.getElementsByClassName('lemon') // 类数组
        // var divBox =  document.getElementsByTagName('div') // 类数组
        // console.log(divBox)
        // 获取父子兄弟节点
        /*
        获取父级节点元素
            parentElement 
        获取子级元素节点
            children 获取元素的全部子元素 类数组
            firstElementChild 获取第一个子元素
            lastElementChild 获取最后一个子元素
        获取兄弟元素节点
            previousElementSibling 获取前一个元素
            nextElementSibling 获取下一个元素
        */
        var output = document.getElementById('output') 
        console.log(output.parentElement)
    </script>
</body>
</html>